<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>行业专家</title>
		<link rel="stylesheet" href="css/header.css" />
		<link rel="stylesheet" href="css/index.css"/>
		<link rel="stylesheet" href="css/container.css" />
		<link rel="stylesheet" href="css/content.css" />
		<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
	</head>
	<body>
		<header></header>
		<script type="text/javascript">jQuery.get("header.html",function(data){jQuery("header").html(data)});</script>
		<!-- 内容展示 -->
		<div class="site-content">
		<!-- 科技成果内容 -->
		<div class="content-area">
			<div class="container">
					<div class="category">
						<span class="tit">专利类型：</span>
						<a href="#" class="">不限</a>
						<a href="#" class="">发明专利</a>
						<a href="#" class="">实用新型</a>
						<a href="#" class="hover">外观设计</a>
					</div>
					<div class="content-product">
						<div class="product">
							<div class="wrapper">
							<div class="p-img"><img src="images/1.jpg"></div>
							<div class="p-text">
								<p class="p-title"><b>成果1</b></p>
								<p class="p-describe">成果1简述内容</p>
							</div>
							</div>
						</div>
						<div class="product">
							<div class="wrapper">
							<div class="p-img"><img src="images/2.png"></div>
							<div class="p-text">
								<p class="p-title"><b>成果2</b></p>
								<p class="p-describe">成果2简述内容</p>
							</div>
							</div>
						</div>
						<div class="product">
							<div class="wrapper">
							<div class="p-img"><img src="images/3.jpg"></div>
							<div class="p-text">
								<p class="p-title"><b>成果3</b></p>
								<p class="p-describe">成果3简述内容</p>
							</div>
							</div>
						</div>
						<div class="product">
							<div class="wrapper">
							<div class="p-img"><img src="images/4.jpg"></div>
							<div class="p-text">
								<p class="p-title"><b>成果4</b></p>
								<p class="p-describe">成果4简述内容</p>
							</div>
							</div>
						</div>
						<div class="product">
							<div class="wrapper">
							<div class="p-img"><img src="images/5.jpg"></div>
							<div class="p-text">
								<p class="p-title"><b>成果5</b></p>
								<p class="p-describe">成果5简述内容</p>
							</div>
							</div>
						</div>
						<div class="product">
							<div class="wrapper">
							<div class="p-img"><img src="images/6.jpg"></div>
							<div class="p-text">
								<p class="p-title"><b>成果6</b></p>
								<p class="p-describe">成果6简述内容</p>
							</div>
							</div>
						</div>
						<div class="product">
							<div class="wrapper">
							<div class="p-img"><img src="images/7.jpg"></div>
							<div class="p-text">
								<p class="p-title"><b>成果7</b></p>
								<p class="p-describe">成果7简述内容</p>
							</div>
							</div>
						</div>
						<div class="product">
							<div class="wrapper">
							<div class="p-img"><img src="images/8.jpg"></div>
							<div class="p-text">
								<p class="p-title"><b>成果8</b></p>
								<p class="p-describe">成果8简述内容</p>
							</div>
							</div>
						</div>
						<div class="product">
							<div class="wrapper">
							<div class="p-img"><img src="images/9.jpg"></div>
							<div class="p-text">
								<p class="p-title"><b>成果9</b></p>
								<p class="p-describe">成果9简述内容</p>
							</div>
							</div>
						</div>
						<div class="product">
							<div class="wrapper">
							<div class="p-img"><img src="images/10.jpg"></div>
							<div class="p-text">
								<p class="p-title"><b>成果10</b></p>
								<p class="p-describe">成果10简述内容</p>
							</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<footer></footer>
		<script type="text/javascript">jQuery.get("footer.html",function(data){jQuery("footer").html(data)});</script>
	</body>
</html>
